/* 首页标题*/
.index-title{ border-bottom: 1px solid #ccc; padding: 0 0 10px; margin-bottom: 20px; display: flex; align-items: center; position: relative;}
.index-title h2{ font-size: 22px; font-weight: 600; display: inline-block;}
.index-title span.targ{ font-size: 14px; padding-left: 20px;}
.index-title span.kont{ color: #999; }

/* 主体内容*/
.index-content .box{}
.index-content ul{ width: 100%;}
.index-content ul li{ width: 25%; float: left; text-align: center; margin-bottom: 40px;}
.index-content ul li a{ width: 250px; display: inline-block; }
.index-content ul li a:hover{box-shadow: 0 3px 11.64px 0.36px rgba(0, 0, 0, 0.18);}
.index-content ul li h3{ font-size: 16px; line-height: 22px; padding: 10px; text-align: left;}
.index-content ul li p.sub-tit{ font-size: 14px;line-height: 20px;margin: 0 10px;}
.index-content ul li .other{ padding: 0 10px 10px; display: flex; align-items: center; justify-content: space-between;}
.index-content ul li .other strong{ color: #f42f2f;font-size: 20px;}
.index-content ul li .other em{ font-size: 14px; font-style: normal;}
.index-content ul li .other span{ color: #999; text-decoration: line-through; margin-left: 12px;}
.index-content ul li .other button{ background-color: #f42f2f; border: 0 none; color: #fff; padding: 5px 10px; border-radius: 4px;}
.index-content ul li img{ width: 250px; height: 250px;}
.index-content ul li:hover img, .index-content .box-middle ul li img:hover { opacity: .75;}

/* 热门品牌*/
.index-brand{ display: flex; width: 100%;}
.index-brand li{display: inline-block; flex: 1; text-align: center; border: 1px solid #eaeaea; border-top: 0 none; border-right: 0 none; padding-bottom: 20px; float: left;border:0 none \9;*border:0 none;_border:0 none;}
.index-brand li:last-child{ border-right: 1px solid #eaeaea; }
.index-brand .brand-pic{ position: relative; margin-bottom: 45px;}
.index-brand img.brand-logo{ width: 80px; height: 80px; position: absolute; top: 260px; left: 50%; margin-left: -40px;}
.index-brand h3{ font-weight: bold; }

/* 最新热卖*/
.prolist li{ margin:5px 0 14px; border-bottom: 1px dotted #eaeaea;}
.prolist li img{ float: left;width: 75px;height: 75px; margin: 0 10px 0 0;}
.prolist .proinfo h3{ font-weight: normal;font-size: 12px;height: 36px;overflow: hidden;line-height: 18px;}
.prolist .proinfo .num{ padding: 5px 0 14px;margin: 5px 0 14px;}
.prolist .proinfo .num .price{ font-size: 14px; color: #f42f2f;}
.prolist .proinfo .num .comment{ float: right;}
.prolist .proinfo .num .comment i{ color: #ccc; margin-right: 3px;}

/* 健康知识百科*/
.encyclopedia{ border: 1px solid #eaeaea; min-height: 252px; padding: 10px 0;}
.encyclopedia dl{ padding: 10px 1.6%; width: 30%; float: left;}
.encyclopedia dl dt{ margin-bottom: 5px;}
.encyclopedia dl dt i{ padding-left: 5px; }
.encyclopedia dl dd a{ color: #666; font-size: 12px; line-height: 22px;}
.encyclopedia dl dd em{ color: #ccc; padding: 0 8px;}

/* 友情链接*/
.blogroll .layui-tab-content a{ font-size: 12px;}

/* 悬浮微信公众号导流*/
.fixed-wxchat{ position: fixed; width: 100%; height: 143px; z-index: 1000; bottom: 0; left: 0; }
.fixed-wxchat .fixed-con{ position: relative;}
.fixed-wxchat .panel{ background: black; opacity: 0.6; filter: alpha(opacity=60); position: absolute; bottom: 0; width: 100%; height: 143px; z-index: -1;}
.fixed-wxchat .fixed-wxchat-con{ background: url('https://www.ziyimall.com/file_img/products/img/wx-index.gif') no-repeat; background-size: 100%; width: 1200px; height: 143px; margin: 0 auto; text-align: right;}
.fixed-wxchat .img-ewm{ width: 125px; height: 125px; padding: 9px 251px 0 0;}
.fixed-wxchat .icon-close img{ position: absolute; top: 5px; right: 0; cursor: pointer;}
.hide{ display: none !important; }
/* 动态线框*/
.border {position: relative;}
/*.border .inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}*/
.border:before,.border:after,.border .inner:before,.border .inner:after {background-color: #f42f2f;position: absolute;content: "";display: block;-webkit-transition: -webkit-transform .5s;transition: -webkit-transform .5s;transition: transform .5s;transition: transform .5s,-webkit-transform .5s;}
.border:before,.border:after {left: 0;width: 100%;height: 1px;-webkit-transform: scaleX(0);transform: scaleX(0);}
.border:before {top: 0; -webkit-transform-origin: right center;transform-origin: right center;}
.border:after {bottom: 0;-webkit-transform-origin: left center;transform-origin: left center;}
.border .inner:before,.border .inner:after {top: 0;width: 1px;height: 100%;-webkit-transform: scaleY(0);transform: scaleY(0);}
.border .inner:before {left: 0;}
.border .inner:after {right: 0;}
.border:hover:before,.border:hover:after {-webkit-transform: scaleX(1);transform: scaleX(1);}
.border:hover .inner:before,.border:hover .inner:after {-webkit-transform: scaleY(1);transform: scaleY(1);}
.border .inner:hover:before,.border .inner:hover:after {-webkit-transform: scaleY(1);transform: scaleY(1);}
.border .inner:before {-webkit-transform-origin: top center;transform-origin: top center;}
.border .inner:after {-webkit-transform-origin: bottom center;transform-origin: bottom center;}
.border:hover .inner:before {-webkit-transform-origin: bottom center;transform-origin: bottom center;}
.border:hover .inner:after {-webkit-transform-origin: top center;transform-origin: top center;}
.border:hover:before {-webkit-transform-origin: left center;transform-origin: left center;}
.border:hover:after {-webkit-transform-origin: right center;transform-origin: right center;}